<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/upload/javascript/prototype.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/upload/javascript/newAjaxWrapper.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/pages/upload/javascript/upload.js"></script>
<link href="<%=request.getContextPath()%>/pages/upload/css/fileUpload.css" type="text/css" rel="stylesheet"/>
<title>文件上传</title>
<script language="JavaScript">
 var contextPath = "<%=request.getContextPath()%>";
</script>
</head>
<body>
 
<div id="controlPanel">		
	<div id="flowHint" style="display:none"><img src="<%=request.getContextPath()%>/pages/upload/img/loading.gif"/></div>
	<div id="readme"><span>说明:&nbsp;&nbsp;最大上传量:20M，单个文件最大长度:20M</span></div>
	<div id="progressStatusText"></div>
	<div id="sessionIdHint"></div>
	<div id="uploadFormDiv01">
		<form id="fileUploadForm" name="fileUploadForm" action="<%=request.getContextPath()%>/uploadProcess" 
			enctype="multipart/form-data" method="post" target="hiddenIFrame">
			<input type="file" name="file" id="file" size="20"/>
			<input type="button" name="uploadButton" id="uploadButton" value="上传"/>
			<input type="button" name="cancelButton" id="cancelButton" value="取消"/>
			<div id="progressBar">
				<div id="totalProgressBarBox">
					<div id="totalProgressBarBoxContent"></div><label id="progressBarText"></label>
				</div>
			</div>
		</form>
	</div>
</div>

<div id="resultPanel">
	<span>上传文件列表:</span>
	<div id="uploadList"></div>
</div>
 
<iframe name="hiddenIFrame" id="hiddenIFrame"></iframe>
<script>
Event.observe('uploadButton','click',function(){join(false)},false);
Event.observe('cancelButton','click',cancelProgress,false);
Event.observe(window,'load',initSession,false);
</script>
</body>
</html>